<!DOCTYPE html>
<html>
<head>
	<title>ZHYOUNG</title>
	<meta charset="utf-8">
	<link rel="shortcut icon" href="../img/icon.ico" type="image/x-icon">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
	
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/popper.js/1.16.0/umd/popper.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>

	<!-- open-iconic -->
	<link href="../open-iconic/font/css/open-iconic-bootstrap.css" rel="stylesheet">

	<script type="text/javascript" src="../js/body-resize.js"></script>
	<script type="text/javascript" src="../js/menu.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/main.css">
	<link rel="stylesheet" type="text/css" href="../css/front.css">
	<link rel="stylesheet" type="text/css" href="../css/header.css">
	<link rel="stylesheet" type="text/css" href="../css/footer.css">
</head>
<body>
<div class="container-fluid no-gutters">

	<!-- 导航栏开始 -->
	<div class="header">
		<nav class="navbar navbar-expand-md navbar-light bg-light fixed-top" role="navigation">
			<a class="navbar-brand ml-2 font-weight-bold" href="#">ZHYOUNG</a>

			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>

			<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
				<ul class="navbar-nav mr-auto font-weight-bold ml-5">
					<li class="nav-item active">
						<a class="nav-link" href="#">首页</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#">分类</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#">留言</a>
					</li>
					<li class="nav-item">
						<a class="nav-link disabled" href="#">关于</a>
					</li>
				 </ul>

				<form class="form-inline mr-2">
					<input class="form-control" type="search" placeholder="搜索" aria-label="Search">
					<button class="btn" type="submit"><img class="img-fluid" src="../img/search.png"></button>
				</form>
				<ul class="navbar-nav log-btn font-weight-light">
					<li class="nav-item mr-2"><a href="#"><span class="oi oi-account-logout"></span> 登出</a></li>
					<li class="nav-item mr-2"><a href="#"><span class="oi oi-person"></span> 注册</a></li>
					<li class="nav-item mr-2"><a href="#"><span class="oi oi-account-login"></span> 登录</a></li>
				</ul>
			</div>
		</nav>
	</div>
	<!-- 导航栏结束 -->

	<div class="row content pt-2">

		<div class="col-md-4 d-none d-md-block jumbotron bg-light">
			
			<div class="text-center"><img class="ava-img rounded-circle" src="../img/ava_72.jpg" alt="Card image"></div>
			<div class="row justify-content-center mt-2">
				<div class="col-auto"><a class="bg-light" data-toggle="modal" data-target="#wechatModal"><img class="img-responsive mr-1" src="../img/wechat.png"></div></a>
				<div class="col-auto"><a class="bg-light" href="mailto:zhyoung@live.cn"><img class="img-responsive mr-1" src="../img/email.png"></div></a>
				<div class="col-auto"><a class="bg-light" href="https://gitee.com/zhyounger" target="_blank"><img class="img-responsive mr-1" src="../img/gitee.png"></div></a>
			</div>
		</div>

		<div class="col-md-8 col-sm-auto">
			测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
		</div>

	</div>

	<!-- 底部开始 -->
	<div class="footer fixed-bottom mb-1" role="footer">
		<div class="row justify-content-center  no-gutters">
			<div class="col-auto mr-1">版本号: Beta V0.1</div>
			<div class="col-auto d-none d-sm-block font-weight-bold">·</div>
			<div class="col-auto ml-1">
				<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
				<span id="busuanzi_container_site_pv">本站总访问量<span id="busuanzi_value_site_pv"></span>次</span>
			</div>
			<div class="w-100"></div>
			<div class="col-auto mr-1"><a class="beian" href="http://www.beian.miit.gov.cn/" target="_blank">赣ICP备16010585号-1</a></div>
			<div class="col-auto d-none d-sm-block font-weight-bold">·</div>
			<div class="col-auto ml-1">&copy; 2019 <a class="me" href="javascript:alert('WeChat: zy-Orient\n\nGitHub: zhyounger\n\nEmail: zhyoung@live.cn');">zhyoung</a>. All rights reserved</div>
		</div>
	</div>
	<!-- 底部结束 -->

	<!-- 微信模态框 -->
	<div class="modal fade" id="wechatModal">
	  <div class="modal-dialog">
	    <div class="modal-content">
	 
	      <!-- 模态框头部 -->
	      <div class="modal-header">
	        <h4 class="modal-title text-dark text-center">扫描下方二维码关注博主公众号</h4>
	        <button type="button" class="close" data-dismiss="modal">&times;</button>
	      </div>
	 
	      <!-- 模态框主体 -->
	      <div class="modal-body justify-content-center">
	      	<img src="../img/wechatQR.jpg" style="width: 29rem;">
	      </div>
	 
	    </div>
	  </div>
	</div>

</div>
</body>
</html>